<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>地址管理</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- 引入外部头文件 -->
  <include file="layout/header" />
  <!-- 当前文件定制 -->
  <link rel="stylesheet" href="__PUBLIC__/plugins/datatables/dataTables.bootstrap.css">

  <!-- <link rel="stylesheet" href="__PUBLIC__/plugins/datatables/select.bootstrap.min.css"> -->


  <!-- ／定制结束 -->
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body class="hold-transition skin-blue sidebar-mini ">
<div class="wrapper">
  <!-- 菜单 -->
  <include file="layout/menu" name="普通会员"/>
  <!-- ／导航菜单 -->
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        用户管理
        <small>收货地址管理</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
        <li><a href="#">管理</a></li>
        <li class="active">收货地址管理</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <!-- box -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">新增收货地址</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form role="form" action="index" method="post"  class="form-horizontal">
              <div class="box-body">
                <div class="col-xs-8">
                  <div class="form-group">
                    <label class="col-sm-2 control-label" for="exampleInputEmail1">详细地址</label>
                    <div class="col-sm-8"><textarea type="txt" class="form-control" name="name" placeholder="输入昵称" value="{$user.name}"></textarea></div>
                  </div>
                  <div class="form-group">
                    <label class="col-sm-2 control-label" for="exampleInputPassword1">邮政编码</label>
                    <div class="col-sm-8"><input type="txt" class="form-control" name="phone" placeholder="手机号" value="{$user.phone}"></div>
                  </div>
                  <div class="form-group">
                    <label class="col-sm-2 control-label" for="exampleInputPassword1">收货人姓名</label>
                    <div class="col-sm-8"><input type="email" class="form-control" name="email" placeholder="邮箱号" value="{$user.email}"></div>
                  </div>                
                  <div class="form-group">
                    <label class="col-sm-2 control-label" for="exampleInputPassword1">电话/手机</label>
                    <div class="col-sm-8"><input type="email" class="form-control" name="email" placeholder="邮箱号" value="{$user.email}"></div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <div class="checkbox">
                        <label>
                          <input type="checkbox">是否作为默认收货地址
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="overlay hidden">
                <i class="fa fa-refresh fa-spin"></i>
              </div>
              <!-- /.box-body -->
              <div class="box-footer">
                <button type="submit" class="btn btn-primary">添加</button>
              </div>
            </form>
          </div>
          <!-- /.box -->
          <!-- box -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">已保存了5条地址，还能保存15条地址</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form role="form" action="index" method="post"  class="form-horizontal">
              <div class="box-body">
                <div class="col-xs-8">
                  <table class="table table-hover">
                    <tbody>
                      <tr>
                        <th>收货人</th>
                        <th>详细地址</th>
                        <th>邮编</th>
                        <th>电话/手机</th>
                        <th>是否默认</th>
                        <th>操作</th>
                      </tr>
                      <volist name="list" id="vo">
                        <tr>
                          <td>{$vo.name}</td>
                          <td>{$vo.content}</td>
                          <td>{$vo.code}</td>
                          <td>{$vo.phone}</td>
                          <td>{$vo.is_default}</td>
                          <td>{$vo.}</td>
                        </tr>
                      </volist>
                    </tbody>  
                  </table>
                </div>
              </div>
              <div class="overlay hidden">
                <i class="fa fa-refresh fa-spin"></i>
              </div>
            </form>
          </div>
          <!-- ./box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  <include file="layout/copyright" />
</div>
<!-- ./wrapper -->
<!-- REQUIRED JS SCRIPTS -->
<!-- 外头文件 -->
<include file="layout/footer" />
<!-- 当前定制 -->
<script src="__PUBLIC__/plugins/datatables/jquery.dataTables.min.js"></script>

<script src="__PUBLIC__/plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- DOM 操作 -->

<!-- ./DOM -->

<!-- AJAX -->
<script type="text/javascript">
$(document).ready(function() {

});
</script>
<!-- /AJAX -->

<!-- ./定制结束 -->
</body>
</html>